<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <title>FulCloud</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"/>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">

    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>


</head>
<body>
<div class="container">
<!-- header -->
<div class="s_block">
    <nav class="navbar">
     <div class="">      <!--container-fluid-->
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="logo fl"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
                <a class="navbar-brand wt" href="#">Fuclound</a>

            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse s_nav" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="activ"><a href="introduce.html">功能介绍 <span class="sr-only">(current)</span></a></li>
                    <li><a href="program.html">小程序</a></li>
                    <li><a href="http://coderforart.com/objccndemo/">帮助支持</a></li>
                    <li class="dropdown">
                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>-->
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>

                <form class="navbar-form navbar-right">
                    <button type="submit" class="btn s_login">登录</button>

                    <button type="submit" class="btn s_login">注册</button>
                </form>

                <!--<ul class="nav navbar-nav navbar-right">-->
                    <!--<li><a href="#">Link</a></li>-->
                    <!--<li class="dropdown">-->
                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>-->
                        <!--<ul class="dropdown-menu">-->
                            <!--<li><a href="#">Action</a></li>-->
                            <!--<li><a href="#">Another action</a></li>-->
                            <!--<li><a href="#">Something else here</a></li>-->
                            <!--<li role="separator" class="divider"></li>-->
                            <!--<li><a href="#">Separated link</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                <!--</ul>-->
            </div><!-- /.navbar-collapse -->

        </div><!-- /.container-fluid -->
    </nav>


<!-- header  end-->


<!-- body主体  start-->
<div class=_section">
<!-- 1 -->
<div>
    <div class="title">
        <h1 class="s_word">让一切工作简单而高效</h1>
        <p>Fucloud .一站式SAAS企业服务平台</p>
        <form class="navbar-form navbar-left s_form">
            <div class="form-group">
                <input type="text" class="form-control " placeholder="请输入企业邮箱" id="s_ip">
            </div>
            <button type="submit" class="btn s_login">立即体验</button>
        </form>

    </div>
</div>
</div>
</div>
<!-- 2 -->
<div class="s_block1">
    <div class="title">
        <h1>助力提升工作效率</h1>
        <span class="twd">采用行业前沿SAAS技术和大数据技术,帮助企业提高工作效率,解放生产力,最终通过服务创造商业价值</span>

        <div class="s_img">

        </div>

    </div>
</div>

<!-- 3 -->
<div class="s_block2">
    <div class="title">
        <h1>提供丰富的企业SAAS在线应用</h1>
        <span class="twd">信息门户,流程审批,HR管理,客户管理,项目管理,考勤管理,资产管理,用车管理,运营数据分析我们未完待续...</span>

<!--<div class="s_lbox">-->
        <!--<div class="">-->
            <!--<div class="s_box ">-->
                <!--<div class="s_bg ac"></div>-->
                <!--<div>-->
                <!--<p class="s_t1 ac">信息门户</p>-->
               <!--<div class="s_w1"><span>建设公司,部门,个人信息门户,聚合企业内部信息</span></div>-->
                <!--</div>-->
            <!--</div>-->

        <!--</div>-->
<!--</div>-->

<!-- 修改 -->
        <div class="row s_lbox">
            <div class="s_box col-sm-6 col-md-3 ">

                <div class="thumbnail">
                    <div class="s_bg"></div>
               <div class="caption ac">
                        <h3>信息门户</h3>
                        <p>建设公司,部门,个人信息门户,聚合企业内部信息</p>
                    </div>
                </div>

            </div>

            <div class="s_box col-sm-6 col-md-3  ">

                <div class="thumbnail">
                    <div class="s_bg"></div>
                    <div class="caption ac">
                        <h3>流程管理</h3>
                        <p>企业级审批流程管理支持自定义流程审批</p>
                    </div>
                </div>

            </div>

            <div class="s_box col-sm-6 col-md-3 ">

                <div class="thumbnail">
                    <div class="s_bg"></div>
                    <div class="caption ac">
                        <h3>HR管理</h3>
                        <p>在线应用数据分析工具</p>
                    </div>
                </div>

            </div>

            <div class="s_box col-sm-6 col-md-3 ">

                <div class="thumbnail">
                    <div class="s_bg"></div>
                    <div class="caption ac">
                        <h3>客户管理</h3>
                        <p>在线应用数据分析工具</p>
                    </div>
                </div>

            </div>

            <div class="s_box col-sm-6 col-md-3 ">

                <div class="thumbnail">
                    <div class="s_bg"></div>
                    <div class="caption ac">
                        <h3>考勤管理</h3>
                        <p>建设公司,部门,个人信息门户,聚合企业内部信息</p>
                    </div>
                </div>

            </div>
            <!--<div class="s_box col-sm-6 col-md-3 ">-->

                <!--<div class="thumbnail">-->
                    <!--<div class="s_bg"></div>-->
                    <!--<div class="caption ac">-->
                        <!--<h3>资产管理</h3>-->
                        <!--<p>企业级审批流程管理支持自定义流程审批</p>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->


        <!--</div>-->





    </div>
</div>
<!-- 4 -->
<div class="s_block4">
    <div class="title">
        <h1 class="ac">多终端.一体化</h1>
        <span class="twd">网页端,移动端,微信端</span>

        <div class="s_">
            <img src="images/terminal.png" alt="">

        </div>

    </div>
</div>

<!-- 5 -->
<div class="s_block3 ">
    <div class="title">
        <h1>从现在开始,让我们的工作与管理更顺畅</h1>
        <span class="twd"><a class="twd" href="#">友情链接</a></span>
        <div class="s_img">
            <div class="row">
                <div class="col-xs-6 col-md-3">
                    <a href="#" >
                        <img src="images/阿里云.png" alt="...">
                    </a>
                </div>
                <div class="col-xs-6 col-md-3">
                    <a href="#" >
                        <img src="images/阿里大鱼.png" alt="...">
                    </a>
                </div>
                <div class="col-xs-6 col-md-3">
                    <a href="#" >
                        <img src="images/DaoVoice.png" alt="...">
                    </a>
                </div>
                <div class="col-xs-6 col-md-3">
                    <a href="#">
                        <img src="images/yichuang.png" alt="...">
                    </a>
                </div>

            </div>
        </div>
        <button type="submit" class="btn btn-default ">立即体验FuCloud&gt;&gt;</button>
    </div>
</div>

<!-- body  end -->

<!-- footer start -->
<footer>
    <div class="footer">
        <div class="title">
            <div class="footer_links">
                <dl>
                    <dt>FuCloud</dt>
                    <dd>
FuCloud是一款专注于解决企业内部管理的SAAS应用平台，致力于为企业客户提升团队工作效率、提高团队契合度、通过移动化和大数据的方式降低企业的管理成本，发掘企业价值。
                    </dd>

                </dl>

                <dl>
                    <dt>服务与支持</dt>
                    <dd><a href="#">功能介绍</a></dd>
                    <dd><a href="#">小程序</a></dd>
                    <dd><a href="#">帮助中心</a></dd>
                    <dd><a href="#">产品RoadMap</a></dd>
                    <dd><a href="#">更新日志</a></dd>
                </dl>
                <dl>
                    <dt>问题反馈</dt>
                    <dd><a href="#">微信号:Daysoul</a></dd>
                    <dd><a href="#">手机号:13480879889</a></dd>
                    <dd><a href="#">邮箱:hi@fucloud.io</a></dd>
                </dl>
                <dl>
                    <dt>微信服务号</dt>
                    <dd><img src="images/erweima.png" alt=""></dd>

                </dl>

            </div>
        </div>
        <div class="footer_info clearfix">
            <div class="w ac">
                  <div>©2017 孚创云 Fucloud   |     鄂ICP备 12345678号</div>
            </div>
        </div>
    </div>


</footer>
<!-- footer end  -->
</div>


<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>

</body>
</html>
<script>
    /*文字适配*/
    var html = document.getElementsByTagName('html')[0];
    console.log(html);
    var width = window.innerWidth;
    console.log(width);
    var fontSize = 3/320*width;
    console.log(fontSize);
    html.style.fontSize = fontSize +'px';
    window.onresize = function(){
        var html = document.getElementsByTagName('html')[0];
        console.log(html);
        var width = window.innerWidth;
        console.log(width);
        var fontSize = 3/320 * width;
        console.log(fontSize);
        html.style.fontSize = fontSize +'px';
    }
</script>